.collapsible-section
  margin: 2rem 0

.collapsible-section--legend
  &:before
    @include icon-common
    @extend .icon-arrow-down1:before
    font-size: 0.75rem
    padding:   0.625rem 0.25rem 0 0.25rem

    .collapsible-section.-expanded &
      @extend .icon-arrow-up1:before

.collapsible-section--toggle-link
  @include without-link-styling
  display: block
  cursor: pointer
  color: $body-font-color
  font-size: 1rem
  font-weight: bold
  line-height: 1.8
  text-transform: uppercase
  border-bottom: 1px solid $gray

  &:hover, &:focus
    color: $body-font-color
    text-decoration: none
